﻿<%@ Page Title="Animate Panel Control" Language="C#" MasterPageFile="~/Demo.master"
    Inherits="DemoPage" %>

<script runat="server">
</script>

<asp:Content ID="Content1" ContentPlaceHolderID="DemoHolder" runat="Server">
    <input id="triggerInput" type="button" value="Run" />
    <asp:Panel runat="server" ID="AnimationPanel" class="ui-widget-content ui-corner-all"
        Style="margin: 5px; padding: 5px" Width="100" Height="20">
        Hello!
    </asp:Panel>
    <DotNetAge:Animation ID="SampleAnimation" runat="server" TriggerEvent="Click" SpeedValue="1500">
        <Target TargetID="AnimationPanel" />
        <Trigger TargetID="triggerInput" />
        <Animates>
            <DotNetAge:Animate>
                <Attributes>
                    <DotNetAge:AnimationAttribute AnimationType="width" Value="70%" />
                    <DotNetAge:AnimationAttribute AnimationType="opacity" Value="0.4" />
                    <DotNetAge:AnimationAttribute AnimationType="marginLeft" Value="0.6in" />
                    <DotNetAge:AnimationAttribute AnimationType="fontSize" Value="3em" />
                    <DotNetAge:AnimationAttribute AnimationType="borderWidth" Value="10px" />
                </Attributes>
            </DotNetAge:Animate>
        </Animates>
    </DotNetAge:Animation>
</asp:Content>
